<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Calendari - {NOM_USUARI}</title>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
    <link rel="stylesheet" href="{ROOT_FRAMEWORK}/site_media/css/calendari/calendari_estilos.css"></link>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/js/calendari_functions.js"></script>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/js/date.js"></script>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/js/div_evento.js"></script>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery-1.8.3.js"></script>  
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery-1.9.1.js"></script>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery-ui-1.9.2.custom.js"></script>
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery-ui-1.9.2.custom.min.js"></script>    
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery.ui.datepicker-es.js"></script>    
    <link href="{ROOT_FRAMEWORK}/site_media/css/calendari/smoothness/jquery-ui-1.9.2.custom.css" rel="stylesheet"></link>
    <link href="{ROOT_FRAMEWORK}/site_media/css/calendari/smoothness/jquery-ui-1.9.2.custom.min.css" rel="stylesheet"></link>  
    <script type="text/javascript" src="{ROOT_FRAMEWORK}/site_media/jquery/jquery-ui-timepicker-addon.js"></script>
    <link rel="stylesheet" href="{ROOT_FRAMEWORK}/site_media/css/calendari/jquery-ui-timepicker-addon.css"></link>
    <link rel="stylesheet" href="{ROOT_FRAMEWORK}/site_media/css/calendari/jquery-ui.css"></link>  
    <script type="text/javascript">
        //variable per saber el mes actual
        function iniMes(){
             variableGlobalMesActual = 0;
        }
    </script>
    <script type="text/javascript">
        $(document).ready(function(){
            $("#Data").datepicker({
                showOn: "both",
                buttonImageOnly: true,
                buttonImage: "{ROOT_FRAMEWORK}/site_media/img/calendar.png",
                dateFormat: "dd-mm-yy"
            });
        });
        function creaPicker(){  
            $(document).ready(function() {
                $("#horaInici").timepicker();
                $("#horaFi").timepicker(); 
            });
        }
    </script>
</head>
<body onload="iniMes();creaDate(); diaActual(); " >
  <div id="englobaFlechas">
    <div id="capcelera">
         <span class="image">
            <a href="{ROOT_FRAMEWORK}/index.php?calendari&action=LOGOUT_CALENDARI">
            <img src="{ROOT_FRAMEWORK}/site_media/img/system-log-out.png" alt="Logout" title="Logout" height="30" width="30" />
            </a>
        </span>
        <span class="image">
            <a href="{ROOT_FRAMEWORK}/index.php?usuari&action=EDIT_USUARI">
                <img src="{IMATGE_PERFIL}" alt="{IMATGE_PERFIL}" height="30" width="30" />
        </span>
                <span class="text">Benvingut {NOM_USUARI}. Accedeix al Perfil</span> 
            </a>
            
        
       
        <span class="text" id="fechaActual"></span>
        <span class="image2" onclick="creaEvent('{MAIL_USUARI}'); ">Crea Event<img src="{ROOT_FRAMEWORK}/site_media/img/boton_evento.jpg" alt="Crea event" title="Crea event" height="26" width="27"></span>
    </div>
    <div style="clear:both;"></div>
    <div id="dies" >
        <span>Dilluns</span>
        <span>Dimarts</span>
        <span>Dimecres</span>
        <span>Dijous</span>
        <span>Divendres</span>
        <span>Dissabte</span>
        <span>Diumenge</span>   
    </div>
        <div id="flechaEnrera" onclick="canviaMesMenys();diaActual()"></div>
            <div id="content" ></div>      
        <div id="flechaEndavant" onclick="canviaMesMes();diaActual()"></div>
    </div>
</body>
</html>